.detail {
	position: relative;
	min-height: 100%;
	background: #EDF2FC;
	padding: 30rpx;
	
	&-top {
		background: linear-gradient(180deg, #D7E7FF 0%, #FFFFFF 100%);
		box-shadow: 0rpx 3rpx 5rpx 0rpx rgba(53,96,137,0.3);
		border-radius: 10rpx;
		padding: 40rpx 35rpx;
		margin-bottom: 30rpx;
		display: flex;
		align-items: center;
		
		&-left {
			flex: 1;	
		}
		&-right {
			
		}
		
		&-btn {
			background: #FFFFFF;
			border-radius: 37rpx;
			border: 2px solid #FFFFFF;
			padding: 20rpx 40rpx 22rpx;
			font-weight: 500;
			font-size: 30rpx;
			color: #0F1E39;
		}
		
		&-no {
			font-size: 26rpx;
			color: #0F1E39;
		}
		&-label {
			font-size: 26rpx;
			color: #666666;
			margin: 48rpx 0 19rpx;
		}
		&-num {
			font-weight: 500;
			font-size: 48rpx;
			color: #3079EF;
		}
	}

	&-card {
		margin-bottom: 30rpx;
		
		&-top {
			height: 120rpx;
			position: relative;
			
			uni-image {
				width: 100%;
				height: 100%;
			}
			
			&__inner {
				position: absolute;
				z-index: 2;
				height: 100rpx;
				top: 0;
				border-bottom: 1px dashed #dcdcdc;
				width: 90%;
				left: 5%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
			&-title {
				font-weight: bold;
				font-size: 32rpx;
				color: #0F1E39;
			}
			&-no {
				font-weight: 400;
				font-size: 26rpx;
				color: #666666;
			}
		}
		
		&-main {
			background-color: #FFF;
			padding: 11rpx 35rpx;
			color: #666;
			letter-spacing: 2rpx;
			line-height: 1.6;
			
			.bold {
				display: inline;
				font-weight: bold;
			}
		}
	}
	
	&-block {
		background: #FFFFFF;
		border-radius: 10rpx;
		margin-bottom: 30rpx;
		padding: 0 35rpx;
		
		&-title {
			font-weight: bold;
			font-size: 32rpx;
			color: #0F1E39;
			padding: 32rpx 0 15rpx;
		}
		
		&-main {
			
		}
		
		.line-item {
			height: 55px;
			display: flex;
			align-items: center;
			background: #FFFFFF;
			border-bottom: 0.5px solid #EEEEEE;
			justify-content: space-between;
			
			&-label {
				font-size: 26rpx;
				color: #999999;
			}
			&-value {
				font-size: 26rpx;
				color: #0F1E39;
			}
		}
	}
}



.top{
	width: 100%;
	height: 170rpx;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	padding: 0rpx 32rpx;
}
.img{
	width: 134rpx;
	height: 134rpx;	
}
.mobile{
	margin-left: 30rpx;
	font-size: 32rpx;
	color: #0A0B16;
	padding-top: 20rpx;
}
.username{
	margin-left: 30rpx;
	font-size: 32rpx;
	color: #0A0B16;
}
.item{
	height: 100rpx;
	display: flex;
	align-items: center;
    background: #FFFFFF;
	padding-left: 32rpx;
	border-bottom: 1rpx solid #EEEEEE;
}
.submitter{
	height: 256rpx;
	background: #FFFFFF;
	padding-top: 34rpx;
}
.button_error {
		width: 686rpx;
		height: 100rpx;
		background: #E24D49;
		border-radius: 10rpx;
		font-size: 32rpx;
		color: #FFF;
		margin-top: 154rpx;
	}
	.record{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 20rpx;
		padding-bottom: 20rpx;
	}
	.essential{
		padding: 32rpx;
		color: #90939D;
	}
	.remarks{
		color: #90939D;
	}
